<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="../../assets/fonts/iconfont.css">
    <link rel="stylesheet" href="../../assets/css/base.css">
    <link rel="stylesheet" href="../../assets/css/cart.css">

</head>

<body>
    <div class="sn-container">
        <div class="masthead">
            <div class="layout sn-clr">
                <div class="logo">
                    <img src="../../assets/img/sn-logo-mini.png" alt="logo">
                </div>
                <span>我的购物车</span>

            </div>
        </div>
        <div class="cart-main">
            <div class="layout sn-clr">
                <div class="layout">
                    <div id="active-cart-thead" class="mod-thead sn-clr">
                        <ul class="list-inline">
                            <li class="col-opt">
                                <div class="check">
                                    <input type="checkbox" id="all" class="chk whole_check">
                                    <label for="all"></label>
                                    <span class="checkbox-select-all">全选</span>
                                </div>
                            </li>
                            <li class="col-goods">货品</li>
                            <li class="col-quantity">数量</li>
                            <li class="col-unitprice">单价(元)</li>
                            <li class="col-amount">金额(元)</li>
                        </ul>

                    </div>
                </div>
                <div id="active-cart" class="">
                    <div class="mod mod-cart">
                        <div class="content">
                            <div class="supplier-store">
                                <div class="check">
                                    <input type="checkbox" id="store1" class="chk supplier_check">
                                    <label for="store1"></label>
                                    <span class=" supplier-name">上海三仓</span>
                                </div>
                            </div>
                            <!--supplier-goods-->
                            <div class="supplier-goods sn-clr">
                                <div class="opt">
                                    <div class="check">
                                        <input type="checkbox" id="pro1" class="chk pro_check">
                                        <label for="pro1"></label>
                                    </div>
                                </div>
                                <div class="goods-image img-vertical">
                                    <a class="img-wrap" href="https://detail.1688.com/offer/561060030655.html" target="_blank">
                                    <img src="../../assets/img/sn_product.png" alt=""></a>
                                </div>
                                <div class="main">
                                    <div class="description"><a href="#" target="_blank" title="nike">INF男装|2017秋装欧美潮牌印花帽绳撞色宽松掉肩加绒男式连</a></div>
                                    <div class="attributes">
                                        <span class="icon-biz-mix" title="折扣">折</span>
                                    </div>
                                    <table class="singles">
                                        <colgroup>
                                            <col class="col-sku-primary">
                                            <col class="col-opt">
                                            <col class="col-sku-secondary">
                                            <col class="col-quantity">
                                            <col class="col-delete">
                                            <col class="col-unitprice">
                                            <col class="col-amount">
                                        </colgroup>
                                        <tbody>
                                            <tr class="single">
                                                <td class="td-sku-primary" rowspan="3">
                                                    <dl class="unit-sku">
                                                        <dt>货号：</dt>
                                                        <dl>26873-423</dl>
                                                    </dl>
                                                </td>
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro1_size1" class="chk pro_size">
                                                        <label for="pro1_size1"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-unitprice" rowspan="3">
                                                    <div class="unitprice">
                                                        <p class="price">￥100.00</p>
                                                        <p class="discount">折扣率：0.62</p>
                                                    </div>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="5" disabled>
                                                    <em class="amount">  ￥100.00</em>
                                                </td>
                                            </tr>
                                            <tr class="single">
                                                <td class="td-sku-primary" rowspan="3" style="display:none">
                                                    <dl class="unit-sku">
                                                        <dt>货号：</dt>
                                                        <dl>26873-423</dl>
                                                    </dl>
                                                </td>
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro1_size2" class="chk pro_size">
                                                        <label for="pro1_size2"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-unitprice" rowspan="3" style="display:none">
                                                    <div class="unitprice">
                                                        <p class="price">￥100.00</p>
                                                        <p class="discount">折扣率：0.62</p>
                                                    </div>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="4" disabled>
                                                    <em class="amount">￥100.00</em>
                                                </td>
                                            </tr>
                                            <tr class="single">
                                                <td class="td-sku-primary" rowspan="3" style="display:none">
                                                    <dl class="unit-sku">
                                                        <dt>货号：</dt>
                                                        <dl>26873-423</dl>
                                                    </dl>
                                                </td>
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro1_size3" class="chk pro_size">
                                                        <label for="pro1_size3" id="chk-box2"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-unitprice" rowspan="3" style="display:none">
                                                    <div class="unitprice">
                                                        <p class="price">￥100.00</p>
                                                        <p class="discount">折扣率：0.62</p>
                                                    </div>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="23" disabled>
                                                    <em class="amount">￥100.00</em>
                                                </td>
                                            </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!--supplier-goods end-->
                            <div class="supplier-goods sn-clr">
                                <div class="opt">
                                    <div class="check">
                                        <input type="checkbox" id="pro2" class="chk  pro_check">
                                        <label for="pro2"></label>
                                    </div>
                                </div>
                                <div class="goods-image img-vertical">
                                    <a class="img-wrap" href="https://detail.1688.com/offer/561060030655.html" target="_blank">
                                    <img src="../../assets/img/sn_product.png" alt=""></a>
                                </div>
                                <div class="main">
                                    <div class="description"><a href="#" target="_blank" title="nike">INF男装|2017秋装欧美潮牌印花帽绳撞色宽松掉肩加绒男式连</a></div>
                                    <div class="attributes">
                                        <span class="icon-biz-mix" title="折扣">折</span>
                                    </div>
                                    <table class="singles">
                                        <colgroup>
                                            <col class="col-sku-primary">
                                            <col class="col-opt">
                                            <col class="col-sku-secondary">
                                            <col class="col-quantity">
                                            <col class="col-delete">
                                            <col class="col-unitprice">
                                            <col class="col-amount">
                                        </colgroup>
                                        <tbody>
                                            <tr class="single">
                                                <td class="td-sku-primary" rowspan="3">
                                                    <dl class="unit-sku">
                                                        <dt>货号：</dt>
                                                        <dl>26873-423</dl>
                                                    </dl>
                                                </td>
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro2_size1" class="chk pro_size">
                                                        <label for="pro2_size1" id="chk-box2"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="3" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-unitprice" rowspan="3">
                                                    <div class="unitprice">
                                                        <p class="price">￥100.00</p>
                                                        <p class="discount">折扣率：0.62</p>
                                                    </div>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="13" disabled>
                                                    <em class="amount">  ￥300.00</em>
                                                </td>
                                            </tr>
                                            <tr class="single">
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro2_size2" class="chk pro_size">
                                                        <label for="pro2_size2" id="chk-box2"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="35" disabled>
                                                    <em class="amount">  ￥100.00</em>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="mod mod-cart">
                        <div class="content">
                            <div class="supplier-store">
                                <div class="check">
                                    <input type="checkbox" id="store2" class="chk supplier_check">
                                    <label for="store2"></label>
                                    <span class=" supplier-name">上海三仓</span>
                                </div>
                            </div>
                            <!--supplier-goods-->
                            <div class="supplier-goods sn-clr">
                                <div class="opt">
                                    <div class="check">
                                        <input type="checkbox" id="pro3" class="chk pro_check">
                                        <label for="pro3"></label>
                                    </div>
                                </div>
                                <div class="goods-image img-vertical">
                                    <a class="img-wrap" href="https://detail.1688.com/offer/561060030655.html" target="_blank">
                                    <img src="../../assets/img/sn_product.png" alt=""></a>
                                </div>
                                <div class="main">
                                    <div class="description"><a href="#" target="_blank" title="nike">INF男装|2017秋装欧美潮牌印花帽绳撞色宽松掉肩加绒男式连</a></div>
                                    <div class="attributes">
                                        <span class="icon-biz-mix" title="折扣">折</span>
                                    </div>
                                    <table class="singles">
                                        <colgroup>
                                            <col class="col-sku-primary">
                                            <col class="col-opt">
                                            <col class="col-sku-secondary">
                                            <col class="col-quantity">
                                            <col class="col-delete">
                                            <col class="col-unitprice">
                                            <col class="col-amount">
                                        </colgroup>
                                        <tbody>
                                            <tr class="single">
                                                <td class="td-sku-primary" rowspan="3">
                                                    <dl class="unit-sku">
                                                        <dt>货号：</dt>
                                                        <dl>26873-423</dl>
                                                    </dl>
                                                </td>
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro3_size1" class="chk pro_size">
                                                        <label for="pro3_size1" id="chk-box2"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-unitprice" rowspan="3">
                                                    <div class="unitprice">
                                                        <p class="price">￥100.00</p>
                                                        <p class="discount">折扣率：0.62</p>
                                                    </div>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="52" disabled>
                                                    <em class="amount">  ￥100.00</em>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                            <!--supplier-goods end-->
                            <div class="supplier-goods sn-clr">
                                <div class="opt">
                                    <div class="check">
                                        <input type="checkbox" id="pro4" class="chk pro_check">
                                        <label for="pro4"></label>
                                    </div>
                                </div>
                                <div class="goods-image img-vertical">
                                    <a class="img-wrap" href="https://detail.1688.com/offer/561060030655.html" target="_blank">
                                    <img src="../../assets/img/sn_product.png" alt=""></a>
                                </div>
                                <div class="main">
                                    <div class="description"><a href="#" target="_blank" title="nike">INF男装|2017秋装欧美潮牌印花帽绳撞色宽松掉肩加绒男式连</a></div>
                                    <div class="attributes">
                                        <span class="icon-biz-mix" title="折扣">折</span>
                                    </div>
                                    <table class="singles">
                                        <colgroup>
                                            <col class="col-sku-primary">
                                            <col class="col-opt">
                                            <col class="col-sku-secondary">
                                            <col class="col-quantity">
                                            <col class="col-delete">
                                            <col class="col-unitprice">
                                            <col class="col-amount">
                                        </colgroup>
                                        <tbody>
                                            <tr class="single">
                                                <td class="td-sku-primary" rowspan="3">
                                                    <dl class="unit-sku">
                                                        <dt>货号：</dt>
                                                        <dl>26873-423</dl>
                                                    </dl>
                                                </td>
                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro4_size1" class="chk pro_size">
                                                        <label for="pro4_size1"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-unitprice" rowspan="3">
                                                    <div class="unitprice">
                                                        <p class="price">￥100.00</p>
                                                        <p class="discount">折扣率：0.62</p>
                                                    </div>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="5" disabled>
                                                    <em class="amount">￥100.00</em>
                                                </td>
                                            </tr>
                                            <tr class="single">

                                                <td class="td-opt">
                                                    <div class="check">
                                                        <input type="checkbox" id="pro4_size2" class="chk pro_size">
                                                        <label for="pro4_size2"></label>
                                                    </div>
                                                </td>
                                                <td class="td-sku-secondary">尺码：7.5（36.5）</td>
                                                <td class="td-quantity quantity-wrap">
                                                    <span class="unit-finecontrol">
                                                        <a href="javascript:;" class="minus minus-disabled" title="-">减一</a>
                                                        <input type="text" class="quantity-input" value="1" autocomplete="off">
                                                        <a href="javascript:;" class="plus" title="+">加一</a>
		                                            </span>
                                                </td>
                                                <td class="td-delete">
                                                    <a class=" iconfont icon-del" href="javascript:void(0);"></a>
                                                </td>
                                                <td class="td-amount">
                                                    <input type="hidden" class="stock" value="5" disabled>
                                                    <em class="amount">￥100.00</em>
                                                </td>
                                            </tr>

                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div id="checkout" class="layout">
                    <div class="mod mod-checkout">
                        <div class="content sn-clr">
                            <div class="actions">
                                <div class="check sn-left">
                                    <input type="checkbox" id="checkbox-select-all-bottom" class="chk whole_check">
                                    <label for="checkbox-select-all-bottom"></label>
                                    <label class="select-all" for="checkbox-select-all-bottom">全选</label>
                                </div>
                                <a class="delete-checked" href="#">删除</a>
                            </div>
                            <div class="summary">
                                <dl class="unit-dl-inline fd-clr">
                                    <dt>仓库数量：</dt>
                                    <dd class="store-total"><span class="value">3</span></dd>
                                    <dt>商品种类：</dt>
                                    <dd class="kinds-total"><span class="value">0</span>种</dd>
                                    <dt>商品总计：</dt>
                                    <dd class="quantity-total"><span class="value">0</span>件</dd>
                                    <dt>商品金额总计（不包含运费）：</dt>
                                    <dd class="amount-total"><strong class="value">0.00</strong>元</dd>
                                </dl>
                            </div>
                            <div class="form">
                                <form action="" method="post">
                                    <button type="submit" class="checkout checkout-disabled" disabled>结算</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="sn-container-extra">
        <div class="layout">
            <div class="mod-recom">
                <div class="content sn-clr">
                    <div class="header">
                        浏览过的商品
                    </div>
                    <ul class="list-inline">
                        <li>
                            <dl class="cell-thumbnail">
                                <dt class="img-vertical">
                                    <a href="" class="img-wrap">
                                        <img src="../../assets/img/sn_product.png" alt="">
                                    </a>
                                </dt>
                                <dd class="description">
                                    <a href="">INF男装|2017秋装欧美潮牌印花帽绳撞色</a>
                                </dd>
                                <dd class="sn-clr">
                                    <span class="sn-left price">
                                        <span class="fd-cny">¥</span><em class="value">198</em>
                                    </span>
                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="cell-thumbnail">
                                <dt class="img-vertical">
                                    <a href="" class="img-wrap">
                                        <img src="../../assets/img/sn_product.png" alt="">
                                    </a>
                                </dt>
                                <dd class="description">
                                    <a href="">INF男装|2017秋装欧美潮牌印花帽绳撞色</a>
                                </dd>
                                <dd class="sn-clr">
                                    <span class="sn-left price">
                                        <span class="fd-cny">¥</span><em class="value">198</em>
                                    </span>

                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="cell-thumbnail">
                                <dt class="img-vertical">
                                    <a href="" class="img-wrap">
                                        <img src="../../assets/img/sn_product.png" alt="">
                                    </a>
                                </dt>
                                <dd class="description">
                                    <a href="">INF男装|2017秋装欧美潮牌印花帽绳撞色</a>
                                </dd>
                                <dd class="sn-clr">
                                    <span class="sn-left price">
                                        <span class="fd-cny">¥</span><em class="value">198</em>
                                    </span>

                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="cell-thumbnail">
                                <dt class="img-vertical">
                                    <a href="" class="img-wrap">
                                        <img src="../../assets/img/sn_product.png" alt="">
                                    </a>
                                </dt>
                                <dd class="description">
                                    <a href="">INF男装|2017秋装欧美潮牌印花帽绳撞色</a>
                                </dd>
                                <dd class="sn-clr">
                                    <span class="sn-left price">
                                        <span class="fd-cny">¥</span><em class="value">198</em>
                                    </span>

                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="cell-thumbnail">
                                <dt class="img-vertical">
                                    <a href="" class="img-wrap">
                                        <img src="../../assets/img/sn_product.png" alt="">
                                    </a>
                                </dt>
                                <dd class="description">
                                    <a href="">INF男装|2017秋装欧美潮牌印花帽绳撞色</a>
                                </dd>
                                <dd class="sn-clr">
                                    <span class="sn-left price">
                                        <span class="fd-cny">¥</span><em class="value">198</em>
                                    </span>

                                </dd>
                            </dl>
                        </li>
                        <li>
                            <dl class="cell-thumbnail">
                                <dt class="img-vertical">
                                    <a href="" class="img-wrap">
                                        <img src="../../assets/img/sn_product.png" alt="">
                                    </a>
                                </dt>
                                <dd class="description">
                                    <a href="">INF男装|2017秋装欧美潮牌印花帽绳撞色</a>
                                </dd>
                                <dd class="sn-clr">
                                    <span class="sn-left price">
                                        <span class="fd-cny">¥</span><em class="value">198</em>
                                    </span>

                                </dd>
                            </dl>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <script src="../../assets/build/sportjx.js"></script>
    <script src="../../assets/build/mainsite.js"></script>
    <script src="../../assets/build/js/cart-index.js"></script>

</body>

</html>